<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="html5 css2/css3 javascript ajax php mysql java javaEE">
<meta name="description" content="专注技术研发，成就顶级高手,专注于html5 css2/css3 javascript ajax php mysql java javaEE技术的研究和实现，热爱技术!">

    <!-- bootstrap3 files -->
<link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
   <!--fancybox弹窗插件此版本依赖JQ:jquery-1.4.4.min.js版本-->
<script src="scripts/zTree/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="https://cdn.staticfile.org/fancybox/1.3.4/jquery.fancybox-1.3.4.pack.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.staticfile.org/fancybox/1.3.4/jquery.fancybox-1.3.4.css" media="screen"></link>
<!--样式css-->
<link href="style/main.css" rel="stylesheet">
<link href="style/common.css" rel="stylesheet">
</head>
<!--js-file-->
<script src="scripts/common.js"></script>
    <!--artdialog弹出对话框插件-->
<script type="text/javascript" src="scripts/artDialog/artDialog.js?skin=default"></script>
<title>样式文件-demo</title>  

<body >
   <!--top顶部条-->
   <div id="demotop" role="topbar">
      <span>搜索</span>
   </div>
   <!--end top顶部条-->
   <!--form区域-->
   <form>
     <div id="xiaoqudemo" role="xiaoqusearch">
      <div id="xiaoqufloat">
       <span>小区&nbsp;</span>
       <select>
         <option value="" >+请选择</option>
         <option value="">天隆花园</option>
         <option value="">和盛嘉园</option>
         <option value="">欧洲城市花园</option>
       </select>
        <span>栋号&nbsp;</span>
       <select>
         <option value="" >+请选择</option>
       </select>
       <span>户型&nbsp;</span>
       <select>
         <option value="" >+请选择</option>
         <option value="" >一室一厅</option>
         <option value="" >二室一厅</option>
         <option value="" >三室两厅</option>
       </select>
       <span>状态&nbsp;</span>
       <select>
         <option value="" >+请选择</option>
         <option value="" >待租</option>
         <option value="" >欠费</option>
         <option value="" >已租</option>
       </select>
        <span>座落&nbsp;</span>
        <input type="text"/>
       </div>
     </div>
     <!--查询区域-->
     <div id="querydemo">
         <div id="demoright">
            <input type="button" value="查询"/>
            <input type="button" value="新增" id="addBtn"/>
            <input type="button" value="删除" onclick="artDel();"/>
            <input type="button" value="导入" id="importBtn"/>
            <input type="button" value="导出"/>
         </div>
     </div>
     <!--end 查询区域-->
   </form>
   <!--end form区域-->
   <!--content内容样式-->
   <div id="contentdemo">
       <h2>内容演示文件</h2>
   </div>
    
</body>
</html>